<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>肖战生日倒计时</title>
		<style>
			*{
				padding: 0;
				margin: 0;
				font-family: "微软雅黑";
			}
			body{
				width: 100%;
				height: 900px;
				background: url(img/4.jpg) no-repeat center top;
				/*no-repeat(不重复) center(居中) top(顶部) */
				background-size: cover;
				/*background-size: cover;*/
				margin: auto;
				padding-top: 450px;
			}
			p{
				color: #fff;
				text-align: center;
				font-size: 30px;
				color:#fff;
				text-shadow: 2px 4px 1px #000 ;
				
				/*font-weight: bold;字体加粗*/
				margin: auto;
				margin-top: 15px;
			}
            .xz p{
            	color: #fff;
				text-align: center;
				font-size: 18px;
				color:#fff;
				text-shadow: 2px 4px 1px #000 ;
				margin: auto;
				margin-top: 15px;
            }
		</style>
	</head>
	<body>
		<p>距离肖先生下一个生日(10.05)还有</p>
		<p id="time">0</p>
		<div class="xz">
			<p>我亲爱的肖先生</p>
			<p>请相信满怀希望就会所向披靡</p>
			<p>你不用踮着脚阳光也会奔你而来</p>
			<p>你只管善良，时间会帮你证明，你会越来越好。</p>
			<p>有些人的恨是没有原因的,他们平庸、没有天分、碌碌无为，</p>
			<p>于是你的优秀、你的天赋、你的善良和幸福都是原罪</p>
			<p>他自始至终不变的温柔，纯粹出于善良的本性</p>
		</div>
		
		
		
		<!--<p>1天=24h</p>
		<p>1h=60m</p>
		<p>1m=60s</p>
		<p>1s=1000ms</p>-->
		<script>
			window.onload = function(){
				var otime = document.getElementById("time");
				
				function startTime(){
					var newtime = new Date();//获取现在时间
					var endtime = new Date("2021/10/05");//获取2021/10/05时间
					//getTime()获取毫秒数 1970 1 1
	
					//获取设置时间的毫秒数-当前时间的毫秒数=剩余时间(倒计时)
					var sysj = endtime.getTime() - newtime.getTime();
					//获取天数
					var day = Math.floor(sysj/1000/60/60/24);
					//获取小时
					var hours = Math.floor(sysj/1000/60/60%24);
					//获取分钟
					var feng = Math.floor(sysj/1000/60%60);
					//获取秒
					var miao = Math.floor(sysj/1000%60);
					otime.innerHTML = "还有"+day+"天"+hours+"小时"+feng+"分"+miao+"秒";
				}
				startTime();
				setInterval(startTime,1000)
//				console.log("------"+hours);
//				console.log(newtime);
//				console.log(endtime);

			}
		</script>
	</body>
</html>
